@import "fonts.css";
@import "jquery.calendarPicker.css";
html{
    width: 1024px;
    margin: auto;
    border: 1px solid #ccc;
    /*border-bottom: 0px;*/
    border-top: 0;
    padding: 0;
}
.contentNgView{
    padding-left: 30px;
}

/*********************************************************/
/**                      ALL                             */
/*********************************************************/

.dropdown-menu button{
    color: #000 !important;
}
button{
    border: 1px solid #ccc;
    border-radius: 0;
    background: #1f497d;
    padding: 5px 10px;
    color: #fff !important;
}
.header{
    background: #1f497d;
    color: #fff;
    height: 40px;
    line-height: 2;
}
.CBB {
    border: 1px solid #ccc;
    height: 30px;
}
.CBB option{
    padding: 5px;
    height: 30px;
}
.tableKind-01 th{
    background: #ccc;
    border: 1px solid #000;
    /*color: #fff;*/
    padding: 10px 5px;
    font-size: 12px;
}
.tableKind-01 td{
    padding: 5px;
    border: 1px solid #000;
}
.tableKind-02 td,
.tableKind-02 th{
    border: 1px solid;
    padding: 5px;
}
.tableKind-03 td{
    padding: 10px 5px;
}
/*====================================*/

ul.listNgang{
    padding-left: 0;
}
.listNgang li{
    list-style: none;
    display: inline;
}

/*====================================*/

ul.listDoc{
    padding-left: 0;
}
ul.listDoc li{
    display: list-item;
    list-style: none outside none;
    padding: 5px 0;
}
.br{
    border-right: 1px solid #ccc;
}
.bd0{
    border: 0;
}
.mga{
    margin: auto;
}
.cursor{
    cursor: pointer;
}
td {
    vertical-align: middle ;
}


/*********************************************************/
/**                      Top                             */
/*********************************************************/

.vertical-align-Top {
    vertical-align: top;
}
.tableTop table{
    float: left;
    width: 500px;
}
.title-tableTop{
    border: 1px solid #fff !important;
    border-bottom: 1px solid #000 !important;
    font-size: 17px;
    font-weight: bold;
    padding-left: 0 !important;
}
ul.navi-left li{
    padding: 5px;
}
.infoTable li{
    display: inline;
}
ul.infoTable{
    padding: 0;
}
.element {
   width: 360px;
    display: inline-table;
}
.element:nth-child(even){
    margin-right: 30px;
}
.element table td:nth-child(1){
    width: 35%;
}
.element table td:nth-child(4){
    width: 25%;
}
.element table td:nth-child(2),
.element table td:nth-child(3){
    width: 20%;
}


/*********************************************************/
/*                       AttendanceStatus                */
/*********************************************************/

.table-AttendanceStatus td:nth-child(2),
.table-AttendanceStatus td:nth-child(6),
.table-AttendanceStatus td:nth-child(7),
.table-AttendanceStatus td:nth-child(8){
    width: 85px;
}
.table-AttendanceStatus td:nth-child(1){
    width: 150px;
}
.table-AttendanceStatus td:nth-child(3){
    width: 110px;
}
.table-AttendanceStatus td:nth-child(4),
.table-AttendanceStatus td:nth-child(5){
    width: 80px;
}
.table-AttendanceStatus td:nth-child(1) a{
    color: #000000;
    cursor: pointer;
}


/*********************************************************/
/*                      StaffTime                        */
/*********************************************************/

.table-StaffTime td:nth-child(1),
.table-StaffTime td:nth-child(4){
    width: 20%;
}
.table-StaffTime td:nth-child(2){
    width: 35%;
}
.table-StaffTime td:nth-child(3){
    width: 25%;
}
.table-StaffTime td {
    vertical-align: inherit;
}


/*********************************************************/
/*                     table-AttendanceList              */
/*********************************************************/

.table-AttendanceList th:nth-child(1){
    width: 60px;
}
.table-AttendanceList th{
    width: 140px;
}


/*********************************************************/
/**                      CSVExport                       */
/*********************************************************/

.CSVExport dt{
    float: left;
    width: 120px;
}
.CSVExport dd{
    float: left;
}


/*********************************************************/
/**                      table-StaffList                 */
/*********************************************************/

.table-StaffList td{
    vertical-align: inherit;
}
.table-StaffList td:nth-child(1){
    width: 60px;
}
.table-StaffList td:nth-child(2){
    width: 150px;
}
.table-StaffList td:nth-child(4){
    width: 130px;
}
.table-StaffList td:nth-child(5){
    width: 130px;
}
.table-StaffList td:nth-child(6){
    width: 90px;
    text-align: center;
}


/*********************************************************/
/**                      table-StoreList                 */
/*********************************************************/

.table-StoreList td{
    width: 25%;
    vertical-align: inherit;
}


/*********************************************************/
/**                      Company-Edit                    */
/*********************************************************/

.CompanyEdit dt{
    float: left;
    width: 150px;
}
.CompanyEdit dd{
    float: left;
}
.CompanyEdit label{
    margin-bottom: 0;
}
.CompanyEdit input[type="text"]{
    width: 250px;
}


/*********************************************************/
/*                    UserMaster                         */
/*********************************************************/

.listUserMaster {
    border: 1px solid;
    text-transform: capitalize;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 0;
    background: #fff;
    z-index: 9;
}
.listUserMaster p{
    padding: 10px;
    margin-bottom: 0;
    font-weight: bold;
}
.listUserMaster p:nth-child(1){
    background: #1f497d;
    color: #fff;
}
.listUserMaster p:hover{
    background: #1f497d;
    color: #fff;
}
.UserMaster dt{
    float: left;
    width: 150px;
}
.UserMaster dd{
    float: left;
}
.UserMaster label{
    width: 200px;
    margin-bottom: 0;
}
.UserMaster input{
    vertical-align: top;
}


/*********************************************************/
/*                    table-AccessHistoryContent         */
/*********************************************************/

.table-AccessHistoryContent td:nth-child(1){
    width: 160px;
}
.table-AccessHistoryContent td{
    width: 100px;
}
.mh195{
    min-height: 195px;
}


/*********************************************************/
/*                    table-AccessHistoryContent         */
/*********************************************************/

.table-AccessHistory td:nth-child(1){
    width: 160px;
}
.table-AccessHistory td:nth-child(2),
.table-AccessHistory td:nth-child(3){
    width: 200px;
}
.table-AccessHistory td:nth-child(4),
.table-AccessHistory td:nth-child(5){
    width: 100px;
}

/*/table-StoreEdit*/
.table-StoreEdit dt{
    float: left;
    width: 150px;
}
.table-StoreEdit dd{
    float: left;
    margin-bottom: 20px;
}
/*/table-timepicker*/
.table-timepicker table td{
    border: 0;
    padding: 0 5px;
}
.table-timepicker table td:nth-child(2){
    width: 10px;
}
.table-timepicker table td input{
    padding: 5px 0;
}
.table-timepicker button{
    color: black !important
}

.staffTimeEdit-textarea{
    min-height: 100px;
    resize: none;
    width: 100%;
}
.popupEffer{
    border: 5px solid #1f497d;
}
.popupEffer li{
    background: #1f497d;
}
.popupEffer li a{
    color: #fff;
}
.popup-delete p:nth-child(1){
    font-size: 17px;
}
